<template>
  <h1>属性绑定练习</h1>
  <input type="text" value="kkk">
  <input type="text" value="mmm">
  <hr>
<!-- 将input元素的value属性与响应式变量info进行绑定,由info来控制输入框显示的默认值-->
  <input type="text" v-bind:value="msg">
<!-- v-bind:value=""  可以简写成 :value="" -->
  <input type="text" :value="msg">
  <hr>
  <a href="url">超链接1</a> <!-- 此处的url,只是一个字符串,不会被解析成url-->
  <a :href="url">超链接2</a> <!-- 属性绑定,将超链接的跳转路径交给url变量来控制-->
</template>
<script setup>
import {ref} from "vue";

const msg = ref('我是msg555');
const url = ref('http://www.baidu.com');
url.value = 'http://www.qq.com';//JS中操作响应式变量的值,必须.value!!
</script>
<style scoped>

</style>